body { background:#000; width: 100%; font-family: 'Viga'; margin: 0; padding: 0;}
div.container { width:1200px; margin: 10% auto;}
h1{
color: #fff;
text-align: center;
text-shadow: 3px 3px 2px rgba(150, 150, 150, 1);
}
h3{
color: #fff;
text-align: center;
text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
}
ul { list-style: none; }
li { float: left; margin: 30px;}
.clear { clear: both; }
.img {
width: 200px;
height: 200px;
border: 10px solid #fff;
-webkit-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
}
.img:hover {
cursor: pointer;
}
.morph {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.morph:hover {
border: 10px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
-moz-box-shadow
: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
box-shadow
: 0 0 40px rgba(255,255,255,0.6), inse
t 0 0 40px rgba(255,255,255,1);
}
.morph img {
	width: 100%;
}
.zoom img {
width: 200px;
height: 200px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.zoom img:hover {
width: 300px;
height: 300px;
}
.zoom:hover{
-webkit-box-shadow
: 0 0 40px rgba(255,255,255,0.6), inse
t 0 0 40px rgba(255,255,255,1);
-moz-box-shadow
: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
box-shadow
: 0 0 40px rgba(255,255,255,0.6), inse
t 0 0 40px rgba(255,255,255,1);
}
.tilt {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tilt:hover {
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
-webkit-box-shadow: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
-moz-box-shadow
: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
box-shadow
: 0 0 40px rgba(255,255,255,0.6), inse
t 0 0 40px rgba(255,255,255,1);
}
.tilt img {
	width: 100%;
	height: 100%;
}
.color {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.color:hover {
-webkit-filter: grayscale(100%);
-webkit-box-shadow: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
-moz-box-shadow
: 0 0 40px rgba(255,255,255,0.6), inset 0 0 40px rgba(255,255,255,1);
box-shadow
: 0 0 40px rgba(255,255,255,0.6), inse
t 0 0 40px rgba(255,255,255,1);
}
.color img {
	width: 100%; 
}